*{
	padding:0;
	margin:0;
	border:none;
	list-style: none;
	text-decoration: none;
	-webkit-appearance: none;
}
table {
/**  
由于table存在很多问题,咱不把boder合并 20220118张杰
border-collapse: collapse !important;
*/
}

table, td, th{
   border: 1px solid #000;
}
html, body {
    position: relative;
    height: 100%;
} 


#main_nav li { float: left; width:100px; position: relative;z-index: 5;  }

#main_nav li a { color:#ffffff; display: block; text-decoration: none;  width:160px;height:85px; line-height:85px;text-align: center; overflow:hidden;background:url(../menutrenner.gif) no-repeat right center; }

#main_nav li ul li a {margin: 0px; color:#fff;background: #27a5df; font-weight:100;padding-left: 20px; text-align: left; border:0px; height:30px; line-height:30px;}

#main_nav li ul li a:hover, #main_nav li.focus ul li a:hover {height:30px; line-height:30px;  width:160px; opacity: 0.9;background: #fff; color: #27a5df; border-bottom:1px solid #c7c7c7; }

#main_nav li.focus a, #main_nav li a:hover { height:85px;color:#fff; background: url("../menuhover.gif") repeat-x left bottom; border-image: none;}

#main_nav li.focus ul li a {background: none;color:#fff; height:30px; line-height:30px; border:0px;width: 160px; padding-left: 20px; text-align: left;}

#main_nav li ul {position: absolute;left: 0px;background: #27a5df;border-color: #fff;width: 160px; border:0px solid #c7c7c7; border-top:none;	display: none; overflow: hidden;}

#main_nav li ul li{border-color: #fff; float: none;}




body {
    
    font-family:"PingFang SC Thin2"; 
    font-size: 16px;
    color:#000;
    margin: 0;
    padding: 0;
}
@font-face{
	font-family:"PingFang SC Thin2";
	src:url(../fonts/PingFangThin2.ttf);
}
@font-face{
	font-family:"PingFang SC Thin1";
	src:url(../fonts/PingFangThin1.ttf);
}
@font-face{
	font-family:"PingFang SC Thin3";
	src:url(../fonts/PingFangThin3.ttf);
}
@font-face{
	font-family:"PingFang SC Thin4";
	src:url(../fonts/PingFangThin4.ttf);
}
@font-face{
	font-family:"PingFang SC Thin5";
	src:url(../fonts/PingFangThin5.ttf);
}
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*-webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;*/
}
.clear{
	clear: both;
	overflow: hidden;
}
.header a:link,.header a:visited{
	color:#fff;
}
h1,h2,h3,h4,h5,h6,b,i{
	font-weight: normal;
	font-style: normal;
}


/*top*/
.top{
	width:100%;
	margin:0 auto;
	position: fixed;
	z-index: 99999;
	top:0;
	left: 0;
	background: #27A5DF;
	height: 85px;
}
.top .header{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.header img{
	float: left;
	margin:10px auto;
}
.header ul{
	float: right;
	width: 600px;
	position: relative;
	font-family: "PingFang SC Thin1";
}
.header ul li{
	float: left;
	width: 100px;
	line-height: 85px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	position:relative;
}
.menu .curr{border-bottom:0px solid #26499d;}
.header ul div{
	position: absolute;
	bottom: 0;
	height: 3px;
	background: #0B6EB7;
	width:70px;
	left: 15px;
	display:none;
}
.header .block{
	display: none;
	float: right;
	position: relative;
    margin-top: 10px;
    cursor: pointer;
}
.block ol{
	position: absolute;
    top: 70px;
    left: -18px;
	background: #27A5DF;
    display: none;
}
.block ol li{
	width: 100px;
	height:30px;
	line-height: 34px;
	background: #27A5DF;
	margin-top: 0px;
	
	text-align: center;
}
.block ol li a{
border-bottom:1px solid #fff;
padding-bottom: 10px;
}
.block ol li:last-child  a{
border-bottom:none;
}
.section{
	overflow: hidden;
}
/*ban1*/
.ban1{
	background: url(../images/banner1.jpg) no-repeat center;
	background-size: cover;
}
.ban1 .img1,
.ban1 .img2,
.ban1 .img3,
.ban1 .img4,
.ban1 .text1{
	position: absolute;
}
.ban1 .img1 img,
.ban1 .img2 img,
.ban1 .img3 img,
.ban1 .img4 img{
	float: left;
	width: 100%;
}
.ban1 .img1{
	left: -100%;
	bottom:0;
	width: 40%; 
}
.ban1 .img2{
    left: 0%;
    bottom: 32%;
    width: 20%; 
}
.ban1 .img3{
	right: 10%;
	top:0%;
	width: 15%; 
}
.ban1 .img4{
	right: 0%;
	bottom:18%;
	width: 15%; 
}
.ban1 .text1{
	right: 25%;
    top: 0%;
	width: 400px; 
	text-align: left;
}
.text1 h1{
	color: #506571;
	font-size: 70px;
	line-height: 70px;
}
.text1 h2{
	color: #0267B0;
	font-weight: bold;
    font-size: 65px;
    font-family:"PingFang SC Thin4";
}
.text1 h3{
	color: #609DCA;
	font-size: 30px;
}
.text1 p{
	color: #000;
	line-height: 25px;
}

.text13 h1{
	color: #506571;
	font-size: 65px;
	line-height: 65px;
}
.text13 h2{
	color: #0267B0;
	font-weight: bold;
    font-size: 65px;
    font-family:"PingFang SC Thin4";
}
.text13 h3{
	color: #609DCA;
	font-size: 30px;
}
.text13 p{
	color: #000;
	line-height: 25px;
}
.jianjie {
    padding: 5px 10px;
    border-radius: 5px;
    float: left;
    border: 1px solid #000;
}
.jianjie a:link,
.jianjie a:visited{
color:#000;
}
.jianjie:hover{
border-color:#fff;
}

/*ban2*/
.ban2{
	background: url(../images/banner2.jpg) no-repeat center;
	background-size: cover;
}
.ban2 .img1,
.ban2 .img2,
.ban2 .img3,
.ban2 .img4,
.ban2 .img5,
.ban2 .img6,
.ban2 .img7,
.ban2 .text2{
	position: absolute;
}
.ban2 .img1 img,
.ban2 .img2 img,
.ban2 .img3 img,
.ban2 .img4 img{
	float: left;
	width: 100%;
}
.ban2 .img5 img,
.ban2 .img6 img,
.ban2 .img7 img{
	width: 50%;
	/*transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    -o-transition: all 2s; */
}
.ban2 .img1{
    left: -34%;
    top: 15%;
	width: 10%; 
}
.ban2 .img2{
    right: 22%;
    bottom: 10%;
    width: 26%;
    z-index: 1;
    transform: scale(0.6);
    -ms-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -o-transform: scale(0.6);
}
.ban2 .img3{
	left: -10%;
	bottom:20%;
	width: 8%; 
}
.ban2 .img4{
    left: 25%;
    top: -18%;
    width: 4%;
}
.ban2 .img5{
	border: 2px solid #fff;
	border-radius: 90px;
	right: 30%;
    bottom: 39%;
	/*right: -11%;
	top:15%;*/
	width: 160px;
    height: 160px;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    text-align: center;
     transform: scale(0.3);
    -ms-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -webkit-transform: scale(0.3);
    -o-transform: scale(0.6);
}
.ban2 .img6{
	border: 2px solid #fff;
	border-radius: 95px;
	right: 30%;
    bottom: 39%;
	/*right: -11%;
	bottom:15%;*/
	width: 160px;
    height: 160px;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    text-align: center;
     transform: scale(0.3);
    -ms-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -webkit-transform: scale(0.3);
    -o-transform: scale(0.6);
}
.ban2 .img7{
	border: 2px solid #fff;
	border-radius: 100px;
	right: 30%;
    bottom: 39%;
	/*right: 48%;
	bottom:-15%;*/
	width: 160px;
    height: 160px; 
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    text-align: center;
     transform: scale(0.3);
    -ms-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -webkit-transform: scale(0.3);
    -o-transform: scale(0.6);
}
.ban2 .img5 p{
    color: #fff;
    padding: 0 10px 0 55px;
    text-align: left;
}
.ban2 .img6 p{
	color: #fff;
    padding: 0 10px 0 41px;
    text-align: left;
}
.ban2 .img7 p{
	color: #fff;
    padding: 0 40px 0 28px;
    text-align: right;
}
.ban2 .img5:hover,
.ban2 .img6:hover,
.ban2 .img7:hover{
   /* border-top-color:#a0a; 
    border-right-color:#909; 
    border-bottom-color: #303; 
    border-left-color:#707;*/
    background: #1A9BDC;
    cursor: pointer;
}
/*.ban2 .img5:hover img,
.ban2 .img6:hover img,
.ban2 .img7:hover img{
    transform: rotateY(720deg);
    -ms-transform: rotateY(720deg);
    -moz-transform: rotateY(720deg);
    -webkit-transform: rotateY(720deg);
    -o-transform: rotateY(720deg);
}*/
.ban2 .text2{
	left: 15%;
    top: 10%;
	text-align: right;
	color:#fff;
}
.text2 h1{
	font-weight: bold;
    font-size: 90px;
    font-family:"PingFang SC Thin4";
    line-height: 40px;
}
.text2 h1 b{
	font-size: 30px;
}
.text2 h2{
    font-size: 50px;
}
.text2 p{
	padding:5px 10px;
	border-radius: 5px;
	float: right;
	border: 1px solid #fff;
}
.text2 p:hover{
	border-color: #000;
}
/*.text2 p:hover a{
	color:#000;
}*/





/*ban3*/
.ban3{
	background: url(../images/banner3.jpg) no-repeat center;
	background-size: cover;
}
.ban3 .img1,
.ban3 .img2,
.ban3 .img3,
.ban3 .img4,
.ban3 .img5,
.ban3 .img6,
.ban3 .text13{
	position: absolute;
}
.ban3 .img1 img,
.ban3 .img2 img,
.ban3 .img3 img,
.ban3 .img4 img,
.ban3 .img5 img,
.ban3 .img6 img{
	float: left;
	width: 100%; padding-left: 12%;
}
.ban3 .img1{
    right: 20%;
    top: 0%;
	width: 8%; 
}
.ban3 .img2{
    right: -8%;
    top: 30%;
    width: 6%;
}
.ban3 .img3{
	left: 50%;
	bottom:0%;
	margin-left: -4%;
	width: 8%; 
}
.ban3 .img4{
    left: 10%;
    top: 10%;
    width: 4%;
}
.ban3 .img5{
    right: 22%;
    bottom: 0%;
    width: 5%;

}
.ban3 .img6{
	/*left: 15%;
    top: 25%;
    width: 35%; */
    left: 0;
    top:9%;
    width: 45%;
    transform: scale(0.0);
    -ms-transform: scale(0.0);
    -moz-transform: scale(0.0);
    -webkit-transform: scale(0.0);
    -o-transform: scale(0.0);
}
.img6 .no2,
.img6 .no3,
.img6 .no4,
.img6 .no5{
	display: none;
}

.ban3 .text13{
	right: -55%;
    top: 30%;
	width: 500px; 
	text-align: left;
}
.text3 h2{
	font-weight: bold;
    font-size: 30px;
    font-family:"PingFang SC Thin4";
    line-height: 40px;
}
.text3 h2 div{
	width: 280px;
	height:2px;
	background: #000;
}
.text3 h1{
	font-size: 70px;
	line-height: 70px;
}
.text3 p{
	line-height: 25px;
}
.text3 ul{
	display: block;
	margin-top: 10px;
}
.text3 ul li{
	width: 200px;
	float: left;
	margin-left: 20px;
	border: 1px solid #DEDEDE;
	min-height: 200px;
	cursor: pointer;
	
}

.text3 ul li:nth-child(1){
	margin-left: 0;
}
.text3 ul li h3{
	color:#fff;
	background: #2BB5E4;
	line-height: 30px;
	text-align: center;
}
.text3 ul li h5{
	line-height: 22px;
	margin-top: 10px;
	padding: 0 5px;
}
.text3 ul li:hover{
	border-color:#2BB5E4;
}
.text3 ul li a:link h5,
.text3 ul li a:visited h5{
	color:#0267B0;
}



/*ban4*/
.ban4{
	background: url(../images/banner4.jpg) no-repeat center;
	background-size: cover;
}
.ban4 .img1,
.ban4 .img2,
.ban4 .img3,
.ban4 .img4,
.ban4 .img5,
.ban4 .img6,
.ban4 .img7,
.ban4 .img8,
.ban4 .img9,
.ban4 .img10,
.ban4 .img11,
.ban4 .img12,
.ban4 .img13,
.ban4 .text4{
	position: absolute;
}
.ban4 .img1 img,
.ban4 .img2 img,
.ban4 .img3 img,
.ban4 .img4 img,
.ban4 .img5 img,
.ban4 .img6 img,
.ban4 .img7 img,
.ban4 .img8 img,
.ban4 .img9 img,
.ban4 .img10 img,
.ban4 .img11 img,
.ban4 .img12 img,
.ban4 .img13 img{
	float: left;
	width: 100%;
}
.ban4 .img1{
    left: 0%;
    top: 15%;
    width: 3%;
}
.ban4 .img2{
    right: 6%;
    top: 25%;
    width: 6%;
     transform: scale(0.0);
    -ms-transform: scale(0.0);
    -moz-transform: scale(0.0);
    -webkit-transform: scale(0.0);
    -o-transform: scale(0.0);
}
.ban4 .img3{
    left: 25%;
    top: 10%;
    width: 4%; 
}
.ban4 .img4{
    right: 45%;
    top: 15%;
    width: 4%;
}
.ban4 .img5{
    right: 47%;
    top: 25%;
    width: 1%;
}
.ban4 .img6{
    right: 11%;
    top: 30%;
    width: 3%;
}
.ban4 .img7{
    right: 5%;
    top: 30%;
    width: 2%;
}
.ban4 .img8{
    right: 11%;
    top: 38%;
    width: 2%;
}
.ban4 .img9{
    left: 50%;
    top: 35%;
    margin-left: -2%;
    width: 5%;
}
.ban4 .img10{
    right: 13%;
    top: 40%;
    width: 3%;
}
.ban4 .img11{
    right: 8%;
    bottom: 17%;
    width: 10%;
}
.ban4 .img12{
    right: 18%;
    bottom: 0;
    width: 28%; 
    transform: scale(0.0);
    -ms-transform: scale(0.0);
    -moz-transform: scale(0.0);
    -webkit-transform: scale(0.0);
    -o-transform: scale(0.0);
}
.ban4 .img13{
    left: 50%;
    bottom: 15%;
    width: 2%; 
}
.ban4 .text4{
	left: 10%;
    top: 15%;
    width: 500px;
	text-align: left;
}
.text4 h1{
	font-size: 100px;
	line-height: 100px;
	color: #6D8590;
}
.text4 h2{
	font-weight: bold;
    font-size: 65px;
    font-family:"PingFang SC Thin4";
    line-height: 65px;
    color:#0267B0;
}
.text4 h3{
	font-size: 30px;
	line-height: 50px;
	color:#0267B0;
}
.text4 p{
	line-height: 25px;
	color:#000;
}
.text4 #div1{
	width: 100%;
	margin-top: 20px;
	height: 155px;
	position: relative;
	/*overflow: hidden;*/
}
.text4 #div1 ul{
	position: absolute;
	left:0;
	top: 0;
}
.text4 #div1 ul li{
	float: left;
	width: 23.5%;
	margin-left: 2%;
}
.text4 #div1 ul li:nth-child(1){
    margin-left: 0;
}
.text4 ul li img{
	width: 100%;
	height: 87px;
	max-width: 155px;
}

.img122{
	display: none;
}















/*ban5*/
.ban5{
	background: url(../images/banner5.jpg) no-repeat center;
	background-size: cover;
}
.ban5 .img1{
	max-width: 1200px;
	width: 90%;
	margin:11% auto;
}
.ban5 .img1 img{
	float: left;
	width: 48%;
	transform: scale(0.0);
    -ms-transform: scale(0.0);
    -moz-transform: scale(0.0);
    -webkit-transform: scale(0.0);
    -o-transform: scale(0.0);
}
.ban5 .img1 .text5{
	width: 50%;
	float: right;
	text-align: left;
	    margin-right: -100%;
}
.text5 h1{
	font-size: 100px;
	line-height: 100px;
	color: #6D8590;
}
.text5 h2{
	font-weight: bold;
    font-size: 65px;
    font-family:"PingFang SC Thin4";
    line-height: 65px;
    color:#0267B0;
}
.text5 h3{
	font-size: 30px;
	line-height: 50px;
	color:#0267B0;
}
.text5 p{
	line-height: 25px;
	color:#000;
}
.text5 ul{
	width: 100%;
	display: block;
	margin-top: 15px;
}
.text5 ul li{
	width: 120px;
	height:120px;
	margin-left: 20px;
	float: left;
	border: 2px solid #0267B0;
	border-radius: 50%;
	text-align: center;
	color:#0267B0;
}
.text5 ul li:nth-child(1){
	margin-left: 0;
}
.text5 ul li h4{
	font-size: 30px;
	margin-top: 30px;
}
.text5 ul li h5{
	font-size: 16px;
}
.text5 ul li:hover{
	/*border-color: #fff;*/
	background: #fff;
}









/*ban6*/
.ban6{
	background: url(../images/banner6.jpg) no-repeat;
	background-size: cover;
}
.ban6 .img1,
.ban6 .img2,
.ban6 .img3,
.ban6 .img4,
.ban6 .text6,
.ban6 .text6_1{
	position: absolute;
}
.ban6 .img1 img,
.ban6 .img2 img,
.ban6 .img3 img,
.ban6 .img4 img{
	float: left;
	width: 100%;
}
.ban6 .img1{
    right: -10%;
    bottom: 45%;
    width: 7%;
}
.ban6 .img2{
    left: -6%;
    top: 45%;
    width: 7%;
}
.ban6 .img3{
    left: 25%;
    top: 15%;
    width: 7%; 
}
.ban6 .img4{
    left: 25%;
    bottom: 20%;
    width: 10%;
}
.ban6 .text6{
    left: 18%;
    top: 0%;
    text-align: left;
    color:#fff;
}
.text6 h1{
	font-weight: bold;
    font-size: 70px;
    font-family:"PingFang SC Thin4";
    line-height: 70px; 
}
.text6 h2{
	font-weight: bold;
    font-size: 70px;
    line-height: 70px;
}
.ban6 .text6_1{
	right: 20%;
    top: 20%;
	text-align: left;
}
.text6_1 ul{
    
}
.text6_1 ul li{
	float: right;	
	width: 300px;
	margin-left: 10px;
	cursor: pointer;
	/*margin-right: -1000px;*/
}
.text6_1 ul li:nth-child(2){
	height:558px;
	background: #fff;
}
.text6_1 ul li:nth-child(2):hover,
.text6_1 ul li .r1:hover{
	background: #0191D8;
	color:#fff!important;
}
.text6_1 ul li:nth-child(2):hover a,
.text6_1 ul li .r1:hover a{
	color: #fff!important;
}


.text6_1 ul li .r1 {
    background: #fff;
    height: 274px;
}
.text6_1 ul li .r1:nth-child(2) {
    margin-top: 10px;
}
.text6_1 img,
.text6_1 h3,
.text6_1 p{
	padding:0 5%;
}
.text6_1 .hed{
    border-bottom: 1px solid #000;
    line-height: 30px;
    font-size: 18px;
    margin: 0px 5% 10px;
}
.text6_1 ul li:nth-child(2):hover .hed,
.text6_1 ul li .r1:hover .hed{
	border-color:#fff;
}
.hed b{
	color:#5AACDE;
	float: left;
}
.hed i{
	color:#ccc;
	float: left;
	margin-left: 10px;
}
.text6_1 h3{
	font-size: 21px;
	margin:10px auto;
}
.text6_1 .nimg22{
	width: 90%;
}
.text6_1 p{
	font-size: 14px;
	line-height: 25px;
	margin:10px auto;
}
.text6_1 a:link,
.text6_1 a:visited{
	color:#000;
}
.text6_1 a:hover{
	color: #0090D6;
}



.text6_1 ul li .ljxq{
/*	display: inline-block;*/
	float: right;
	margin-right: 5%;
	font-size: 14px;
	    width: 200px;
    text-align: right;
}
.text6_1 ul li a .nimg{
	width: 10px!important;
	height:11px!important;
}






/*ban7*/
.ban7{
	background: -webkit-linear-gradient(left, #C6C6C6 , #F8F8F8); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #C6C6C6, #F8F8F8); /* Opera 11.1 - 12.0 */  
    background: -moz-linear-gradient(right, #C6C6C6, #F8F8F8); /* Firefox 3.6 - 15 */ 
    background: linear-gradient(to right, #C6C6C6 , #F8F8F8); /* 标准的语法 */ 
}
.ban7 .footer{
	width: 90%;
	max-width: 1200px;
	margin:15% auto;
	text-align: left;
}
.footer .left{
	float: left;
	margin-left: -100%;
}
.left .ul li{
	margin-top: 25px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.left .ul li a{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.left .ul li a:link,
.left .ul li a:visited{
	color:#000;
}
.ul li img {
    width: 22px;
}
.ul li b{
	margin-left:10px;
	font-size: 19px;
}
.left .ol{
	margin-top: 50px;
}
.left .ol li{
	float: left;
	margin-left: 2%;
	width: 32%;
}
.left .ol li:nth-child(1){
	margin-left: 0;
}
.left .ol li img{
	width: 100%;
}
.left .ol li p{
	line-height: 25px;
	font-size: 16px;
	text-align: center;
}

.footer .right{
	float: right;
	width: 30%;
	margin-right: -100%;
}
.footer .right2{
	float: right;
	width: 30%;
	
}
.right h1{
	font-size: 50px;
	line-height: 50px;
	color: #0267B0;
	font-weight: bold;
	text-align: right;
	font-family:"PingFang SC Thin4";
}
.right h2{
    font-size: 70px;
    text-align: right;
    line-height: 70px;
    color:#6D8590;
}
.right form{
/*	margin-top: 30px;*/
}
.right form input{
	width: 100%;
	border: 1px solid #AAAAAA;
	border-radius: 5px;
	line-height: 40px;
	height:40px;
	margin-top: 10px;
	padding:5px;
	font-size: 16px;
}
.right form textarea{
	width: 100%;
	font-size: 16px;
	border: 1px solid #AAAAAA;
	border-radius: 5px;
	margin-top: 10px;
	padding:5px;
	outline:none;
	resize:none;
}
.right form div .yzm{
	width: 100px;
	float: left;
}
.right form div img{
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
.right form #tijiao{
    width: 100px;
    float: right;
    height: 40px;
    line-height: 30px;
    text-align: center;
    background: #27A5DF;
    border: 1px solid #27A5DF;
    color: #fff;
}